<!-- 声明文档 -->
<!DOCTYPE html>   
<html lang="en">

<!-- 头部元素 -->
<head>
	<link rel = "stylesheet" type = "text/css" href="mysyle.css">
	<!-- 元数据，不会显示在客户端但会被浏览器解析 -->
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body {
			background-color: #45459d;	
		}
		p{
			color:red;
			background: #fcfafa;
		}
		h2{
			color:rgb(10, 10, 47);
		}
		/*超链接*/
		#p2:hover{
			color:rgb(0, 102, 255);
		}

	</style>
</head>

<!-- 可见页面内容 -->
<body>
	<h1>h1标题</h1>
	<!-- "<hr>"为分割线 -->
	<hr>
	<h2>h2标题</h2>
	<h3>h3标题</h3>
	<p>网页入门<br>(这个段落被br段落拆行)</p>
	<h2>梁正威</h2>
	<h1 id = "p2">登录</h1>
	<a href ="http://www.baidu.com">链接</a>
	<!-- alt 属性用来为图像定义一串预备的可替换的文本 -->
	<img border = "0" src ="D:\推送\微信图片_20220325203956.jpg"  alt="Pulpit rock" width="304" height="228">
	
	<!--。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）  -->
	<table border = "1">
		<tr>
			<th>姓名</th>
			<th>学号</th>
		</td>>
		<tr>
			<td>张三</td>
			<td>123456676</td>
		</tr>
	<table>

	<from action = "">
	First name ：<input type = "text" name = "firstname">
	Last name :  <input type = "text" name = "lastname"><br>
	</from>


	<!--显示不出来ifname页面  -->
	<ifname loading = "lazy" src = "demo ifname.htm"width="200" height="200"></ifname>

	<h1>JavaScript</h1>

	<p id="demo">
		JavaScript 可以触发事件，就像按钮点击。</p>

	<script>
		function myFunction()
		{
			document.getElementById("demo").innerHTML="hello 课设"
		}
		function Determine()
		{
			var x=document.getElementById("usn").value;
			if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){
				alert("不是数字");
			}
		}
	</script>

	<from action ="">
		Usernum: <input id = "usn" type="text" name="user"><br>
		Password: <input  type="password" name="password">
	</from>

	<button type="button" onclick="Determine()">点击！</button><br>

	<button type = "button" onclick ="myFunction()">点击更新</button>

	<!-- console.log()可以用来程序的测试，查找以及减少bug的过程 -->
	<script>
		//使用 var来声明变量
		a = 5;
		b = 6;
		c = a + b;
		console.log(c);
	</script>
	<!-- 使用 window.alert() 弹出警告框。
	使用 document.write() 方法将内容写到 HTML 文档中。
	使用 innerHTML 写入到 HTML 元素。
	使用 console.log() 写入到浏览器的控制台。 -->
	
	<button onclick="getElementById('demo').innerHTML=Date()">现在的时间</button>
	<p di="demo"></p>

	<p id ="a3">hello keshe</p>
	<script>
		document.getElementById("a3").style.color="blue"
	</script>
	
</body>
</html>

